// import React, { Component } from 'react'

import Todolist1 from './todoList_1'
import Banner from './banner'
import Contextdemo from './contextDemo'

import Cpt from './Cpt'
import Cssdemo from './cssDemo'
import Datademo from './dataDemo'
import EventDemo from './EventDemo'
import Foot from './Foot'
import Head from './Head'
import Lifedemo from './lifeDemo'
import Props1 from './props_1'
import Props2 from './props_2'
import State1 from './state_1'
import State2 from './state_2'
import Todolist2 from './todoList2'
import Todolist3 from './todoList3'


const flag = !!0;
export default class CptIndex extends Component {
  render() {
    return (
      <div>
         
          <h2>我的Demo-Deom-Demo</h2>
          <hr/>
          <Head/>
          <div className='mbox'>
          {/* <Cssdemo/> */}
          {/* <EventDemo/> */}
          {/* <Props1/> */}
         {/* <State1 msg="wh2114-daydayup"  flag={flag} /> */}
         {/* <State2/> */}
         {/* <Props2/> */}
         {/* <Lifedemo/> */}
         {/* <Contextdemo/> */}
         {/* <Datademo/> */}
         {/* <Banner/> */}
         {/* <Todolist1/> */}
         {/* <Todolist2/> */}
         <Todolist3/>
   
          </div>
         {/* <Cpt/> */}
        
          <Foot/>
          </div>
    )
  }
}
